body {
    font-family: $font;
    font-size: 16px;
    color: $black;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: $black;
    @include transition(0.2s);
}

p {
    margin: 0;
}

button {
    @include transition(0.2s);
}

input[type='text']:focus, textarea:focus, button:focus {
    outline: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

iframe {
    display: inline-block;
    vertical-align: top;    
}

.hide {
    display: none;
}

.center{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    
    & + span{
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
}